/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 29, 2014, 9:08:23 AM
    Author     : THAONV
*/
#header-top{
    background-color:#0A2540;
    border-bottom: 1px solid #3B5166;

}
#header-top ul li{
    list-style-type: none;
    float:left;
    margin:8px;
}
#header-top ul li a{
    color:#fff; 
}
#header-top ul li a:hover{
    text-decoration:#fff;
}
#header-bottom{
    background-color:#0F3B68;
}
#header-bottom #logo{
    background: url(../resources/images/logo.png) no-repeat scroll transparent;
    width:300px;
    height:60px;
    margin:20px 0;
}
#header-bottom #banner{
    background: url(../resource/images/banner.gif) no-repeat scroll transparent;
}
#menu{
    background-color: #838F9B;
    border-bottom: 1px solid #97A1AB;
    border-top: 1px solid #A6AEB7;
    font-size: 14px;
    margin-bottom: 20px;
}
#menu ul li.menu-allround{
    list-style-type: none;
    float:left;
    color: #fff;
}
#menu ul li{
    float: left;
    display: block;
    text-align: center;
    position: relative;
    padding: 6px 20px;
    border: none;
    margin: 2px 0px;
}
/*#menu ul li.menu-topround{
    margin:10px 0;
}*/
#menu li a{
    color: #fff;
}
#menu li:hover a{
    color: #fff;
    text-decoration: none;
}
.menu-allround:hover {
    background: #0F3B68;
    -moz-border-radius: 10px;
    webkit-border-radius: 10px;
    border-radius: 10px;
}
.menu-topround:hover{
    background: #0F3B68;
    moz-border-radius: 10px 10px 0px 0px;
    webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.tut-title {
    font-size: 26px;
    margin: 10px 10px 10px 10px;
}
.img-java {
    background-position: -656px -260px;
}
.img-border {
    border: 1px solid #DDD;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.img-holder {
    float: left;
    margin: 0 10px 10px 10px;
}
.images {
    background-image: url('../resources/images/all-images.png');
    width: 135px;
    height: 135px;
}
#menu li:hover #java-core-menu, #menu li:hover #frameworks-menu, #menu li:hover #spring-menu, #menu li:hover #struts-menu, #menu li:hover #android-menu, #menu li:hover #hibernate-menu, #menu li:hover #jsf-menu, #menu li:hover #java-menu, #menu li:hover #misc-menu {
    left: 0px; 
    top: 30px;
}
.tut-title{
    text-align: center;
    color:#fff;
}
.dropdown-item{

}
#menu .dropdown-item ul{
    list-style-type: decimal;
    color:#fff;
}
#menu .dropdown-item ul li{
    color:#fff;
    display: list-item;    
    padding: 0 0 4px 0;
    margin: 0 28px !important;
}
#menu .dropdown-item ul li.list-misc{
    margin: 0 3px !important;
}
#menu .dropdown-item ul li a:hover{
    text-decoration: underline;
}
#java-menu, #jsf-menu, #spring-menu, #hibernate-menu, #struts-menu, #android-menu{
    width: 370px;
    margin: 2px auto;
    float: left;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #0F3B68;
    -moz-border-radius: 0px 10px 10px 10px;
    -webkit-border-radius: 0px 10px 10px 10px;
    border-radius: 0px 10px 10px 10px;
    border-top: none;
    background: #0F3B68;
    z-index: 999;
}
#spring-menu{
    width: 380px;
}
#android-menu{
    width: 360px;
}
#misc-menu{
    width:180px;
    height: auto;
    margin: 2px auto;
    float: left;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #0F3B68;
    -moz-border-radius: 0px 10px 10px 10px;
    -webkit-border-radius: 0px 10px 10px 10px;
    border-radius: 0px 10px 10px 10px;
    border-top: none;
    background: #0F3B68;
    z-index: 999;
}
.img-JSF {
    background-position: -261px -129px;
}
.img-Spring {
    background-position: -261px 1px;
}
.img-Hibernate {
    background-position: -130px 1px;
}
.img-Struts {
    background-position: -130px -391px;
}
.img-Android {
    background-position: 1px 1px;
}
.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tfoot,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
    background: none !important;
}
.ui-autocomplete-multiple-container{
    width: 100% !important;
}
.titleLink{
    color: blue !important; 
    font-size: 20px; 
    font-weight: bold;
}
.postContent{
    text-align: justify !important;
    font-weight: 500;
}
.text-smaller{
    font-size: smaller;
}
.text-larger{
    font-size: larger;
    font-weight: bold
}
.userLink{
    color: #0099ff !important;
}
/*----- footer ----------*/ 
#footer{
    background-color: #0F3B68;
    margin-top:30px;
    padding:20px 0;
}
#footer h4{
    color:#fff;
    border-bottom: 1px solid #3F6286;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#footer h5{
    color:#fff;
}
#footer .aboutus{
    color:#fff;

}
#footer-copyright{
    background-color: #0A2540;
    border-top:1px solid #364C62;
    padding:10px 0;
    color:#fff;
}
.text.color-blue{
    color:#3333ff !important;
}
.text.underline{
    text-decoration: underline;
}

.ui-widget-header{
    border:none !important;
    background: none !important;
}
.margin-top5{
    margin-top: 5px;
}
.float-right{
    float: right;
}
.width-100{
    width: 100% !important;
}
.title-post{
    font-size: 20px;
    font-weight: bold;
}
.title-introduce{
    color:#838F9B;
}
.separator{
    border-bottom: 1px dashed #0099ff;
}
.color-navy{
    color:#009999;
}